 
   <header class="store">
      <div class="my-container">
          <!--开始-->
          <div>
              <div>
                  <span class="float-left" style="margin-top:3px;"><a href="/"><img src="/index/img/wangyi.jpg"
                              alt="HTML5" class="my-img"></a></span>
                  <h5>网易云音乐<b class="text-danger">·</b>商城</h5>
              </div>
              <div>
                  <div>
                      <i class="icon iconfont icon-sousuo"></i>
                      <input type="text" placeholder="氧气耳机" data-search="find">
                  </div>
                  <span>
                      <a href="/store/cart"><i class="icon iconfont icon-shangcheng" data-cart="cart"><span>0</span></i></a>
                  </span>
                  <div class="my-icon">
                      <div style="border:none;" class="my-hover border-0 my-login login-before">
                          <b style="line-height:normal;"><a href="#">登录</a></b>
                      </div>
                      <ul class="my-response login-before">
                          <li><a href="../order.html" target="_self">
                                  <i class="icon iconfont icon-tel"></i>手机号登录</a></li>
                          <li><a href="#">
                                  <i class="icon iconfont icon-weixin"></i>微信登录</a></li>
                          <li><a href="#">
                                  <i class="icon iconfont icon-qq"></i>QQ登录</a></li>
                          <li><a href="../index.html">
                                  <i class="icon iconfont icon-weibo"></i>新浪微博登录</a></li>
                          <li><a href="../index.html">
                                  <i class="icon iconfont icon-youxiang"></i>网易邮箱账号登录</a></li>
                      </ul>
                      <span class="login-before"></span>

                      <div class="my-hover login-after my-div">
                          <img src="/index/img/people.jpg" alt="HTML5" class="my-img1">
                      </div>
                      <ul class="my-response login-after my-ul">
                          <li><a href="/store/cart" target="_self">
                                  <i class="icon iconfont icon-dingdan" data-dingdan='dingdan'></i>我的订单</a></li>
                          <li><a href="#">
                                  <i class="icon iconfont icon-youhuiquan"></i>我的优惠券</a></li>
                          <li><a href="#">
                                  <i class="icon iconfont icon-shouhuodizhi"></i>我的收货地址</a></li>
                          <li><a href="../index.html">
                                  <i class="icon iconfont icon-shouye"></i>网易云音乐首页</a></li>
                          <li><a href="javascript:;">
                                  <i class="icon iconfont icon-tuichu"></i>退出</a></li>
                      </ul>
                      <span class="login-after my-span"></span>
                  </div>
              </div>
          </div>
      </div>
  </header>

 
 <section class="cart">
     <div id="my-container" class="my-container">
         <!--开始-->
         <b class="my-b">购物车</b>
         <hr>
         <ul class="my-choice">
             <li><input @click="allChecked" v-model="checkAll" type="checkbox" class="my-input"><em>全选</em></li>
             <li>商品</li>
             <li>金额</li>
             <li>数量</li>
             <li>小计</li>
             <li>操作</li>
         </ul>
         <div class="my-all">
             <b>全部商品（<span>{{count}}</span>）</b>
             <b>
                 <i class="icon iconfont icon-manjian text-danger"></i>
                 全场满￥0免运费
             </b>
         </div>
         <ul class="my-list" id="my-list">
             <li v-for="(tmp,index) in list" :key="index">
                 <input type="checkbox" @change="handleChange" v-model="tmp.is_checked" class="my-input my-center">
                 <img :src="'http://127.0.0.1:3001/'+tmp.md" alt="">
                 <p class="my-detail">
                     <a :href="'./detail.html?pid='+tmp.lid">{{tmp.title}}</a>
                     <span class="intro">{{tmp.subtitle}}</span>
                 </p>
                 <span class='price'>￥{{tmp.price.toFixed(2)}}</span>
                 <div class='number'>
                     <button @click="sub(index)">
                         <i class="icon iconfont icon-jiajian-1"></i>
                     </button><input type="text" min="1" @change="isChange(index)" v-model="tmp.count"
                         maxlength="3"><button @click="add(index)">
                         <i class="icon iconfont icon-jiajian-"></i>
                     </button>
                 </div>
                 <span class="price">￥{{tmp.count*tmp.price}}</span>
                 <span class="price delete" title="删除" style="margin:0;width:50px">&times;</span>
             </li>
             <li v-if="!list">
                 <div class="cart-kong">
                     <h1>购物车空空的！赶紧去<a href="./store.html">逛逛...</a></h1>
                 </div>
             </li>
             <li>
                 <div>
                     <input @click="allChecked" v-model="checkAll" type="checkbox" class="my-input">
                     <em class="my-b0">全选</em>
                     已选择 {{count}} 件商品
                 </div>
                 <div>
                     <em>已享受免运费</em>
                     <em>合计：<i class="add">￥{{total}}</i></em>
                     <button class="my-btn">结算</button>
                 </div>
             </li>
         </ul>
     </div>
 </section>